<div class="container" id="root">
    <div class="container" id="head">
        <div class="content" id="login">
            <div>
                Logged in as: User
                <a href="#">Settings</a> <a href="#">Logout</a>
            </div>
        </div>
        <div class="content" id="logo">Cultural Event Manager</div>
    </div>
    <div class="container" id="main">
        <div class="content" id="sidebar">
            <form>
                <input type="text" class="rounded" placeholder="search" size="16">
            </form>
            <ul>
                <% @tags.each do |tag| %>
                    <li><a href="#"><%= tag.name %></a></li>
                <% end %>
            </ul>
        </div>
        <div class="container" id="events-main">
            <div class="content" id="events-head">
                <div id="txt">Events selected based on your preferences, starting from:</div>
                <div id="dateform">
                    <form><input type="date" class="rounded"></form>
                </div>
            </div>
            <div class="container" id="events-display">
                <% @events.each do |event| %>
                    <div class="event">
                        <div class="event-ads">Event-Ads</div>
                        <div class="event-content">
                            <h3><%= event.name %></h3>
							<b><%= event.start_time %></b><br />
                            <%= event.description %>
                        </div>
                    </div>
                <% end %> 
            </div>
        </div>
    </div>
</div>
